<template>
  <view class="my-empty">
    <image
      class="my-empty_icon"
      src="https://ainengli.meilianshuke.com/jkhx/noData.png"
      mode="aspectFit"
    />
    <text class="my-empty_text">{{ text }}</text>
  </view>
</template>

<script setup lang="ts">
const props = defineProps({
  text: {
    default: ''
  }
})
</script>

<style lang="scss" scoped>
.my-empty {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;

  &_icon {
    width: 320rpx;
    height: 240rpx;
  }

  &_text {
    margin-top: 19rpx;
    font-size: 28rpx;
    font-weight: 500;
    line-height: 24rpx;
    color: #666;
  }
}
</style>
